import React from "react";
import { globalContainer } from "@/user.InterfaceLayer/constants/styles/CommonStyles";
import dynamic from "next/dynamic";
import { useTranslation } from "react-i18next";

const EmptyBlockWidget = dynamic(
  () => import("@/user.InterfaceLayer/Libraries/Widgets/EmptyBlock.widget")
);

const ErrorPage: React.FC = () => {
  const { t } = useTranslation();

  return (
    <div className={`${globalContainer}`}>
      <EmptyBlockWidget
        subHead={t("ErrorPage.EmptyBlock.subHead")}
        title={t("ErrorPage.EmptyBlock.title")}
        subTitle={t("ErrorPage.EmptyBlock.subTitle")}
      />
    </div>
  );
};
export default React.memo(ErrorPage);
